<template>
  <div>
      <ul class="order-header">
           <router-link tag="li" to="/order/allorder" class="all-order">
               全部订单
           </router-link>
           <router-link tag="li" to="/order/payment" class="payment">
               待付款
           </router-link>
           <router-link tag="li" to="/order/use"  class="use">
                待使用
           </router-link>
           <router-link tag="li" to="/order/evaluation" class="evaluation">
               待评价
           </router-link>
           <router-link tag="li" to="/order/aftersales" class="after-sales">
               退款/售后
           </router-link>
      </ul>
    
       <router-view></router-view>
      
  </div>
   
</template>

<script>
/*
 import  OrderAllorder from './components/Allorder'
 import  OrderPayment from './components/Payment'
 */
export default {
  name: "Order",
  components: {
    /*
     OrderAllorder,
     OrderPayment
     */
  }
};
</script>

<style scoped>
.order-header{
      width: 100%;
      height:20px;
      font-size:13px;
      display:flex;
      justify-content: space-between;
      width:100%;
      flex-wrap: wrap;
      box-sizing: border-box;
  
}
ul li{
  width:19%;
  border:1px solid red;
  display: flex;
  justify-content: center;
}
</style>